<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8" />

    <title>用户管理 - 管理平台</title>

    <link rel="stylesheet" href="/static/ace/components/_mod/jquery-ui/jquery-ui.css"/>
    <link rel="stylesheet" href="/static/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css"/>
    <link rel="stylesheet" href="/static/ace/components/_mod/jqgrid/ui.jqgrid.css"/>

    <style type="text/css">
        .customBtn {
            line-height: 20px;
            margin-bottom: 3px;
        }

        .btnLine {
            margin-left: 1px;
            margin-top: 8px;
            margin-bottom: 2px;
        }

        @-webkit-keyframes bouncedelay {
            0%, 80%, 100% {
                -webkit-transform: scale(0.0)
            }
            40% {
                -webkit-transform: scale(1.0)
            }
        }

        @keyframes bouncedelay {
            0%, 80%, 100% {
                transform: scale(0.0);
                -webkit-transform: scale(0.0);
            }
            40% {
                transform: scale(1.0);
                -webkit-transform: scale(1.0);
            }
        }

        .autocomplete-suggestions {
            border: 1px solid #999;
            background: #FFF;
            overflow: auto;
        }

        .autocomplete-suggestion {
            padding: 2px 5px;
            white-space: nowrap;
            overflow: hidden;
        }

        .autocomplete-selected {
            background: #F0F0F0;
        }

        .autocomplete-suggestions strong {
            font-weight: normal;
            color: #3399FF;
        }

        @-moz-document url-prefix() {
            fieldset {
                display: table-cell;
            }
        }
    </style>
</head>
<body>

    <div class="row">
        <div class="row btnLine">
            <div class="button-len col-sm-12">
                <shiro:hasPermission name="USER:ADD">
                    <button class="btn btn-white btn-sm btn-purple customBtn" id="addCargo">
                        <i class="ace-icon fa fa-plus-circle purple"></i> 新增
                    </button>
                </shiro:hasPermission>
    
                <shiro:hasPermission name="USER:EDIT">
                    <button class="btn btn-white btn-info btn-sm customBtn" id="editShop">
                        <i class="ace-icon fa fa-pencil blue"></i> 修改
                    </button>
                </shiro:hasPermission>
                <shiro:hasPermission name="USER:INITPASSWORD">
                    <button class="btn btn-white btn-info btn-sm customBtn" id="initializeUserPassword">
                        <i class="ace-icon fa fa-key red"></i> 初始化密码
                    </button>
                </shiro:hasPermission>
                <input class="input-sm" type="text" id="userName" style="margin-left: 20px;"
                       placeholder="用户姓名" />
                <input class="input-sm" type="text" id="phone" style="margin-left: 5px;"
                       placeholder="手机号" />
<!--                <%&#45;&#45;	<select id="stateInput">-->
<!--                <option value="-1">==审核状态==</option>-->
<!--                <option value="3">待审核</option>-->
<!--                <option value="1">通过</option>-->
<!--                <option value="4">拒绝</option>-->
<!--                <option value="0">无效</option>-->
<!--            </select>&#45;&#45;%>-->
                <button class="btn btn-sm btn-white btn-info search-len customBtn"
                        onclick="searchShop()">
                    <i class="ace-icon fa fa-search orange"></i>搜索
                </button>
            </div>
        </div>
    
        <div class="col-xs-12">
    
            <table id="grid-table"></table>
    
            <div id="grid-pager"></div>
    
        </div>
    </div>
    
    <!-- page specific plugin scripts -->
    
    <script type="text/javascript" src="/static/statistics/js/jquery.mockjax.js"></script>
    <script type="text/javascript" src="/static/statistics/js/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="/static/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="/static/ace/components/jqGrid/js/jquery.jqGrid.js"></script>
    <script type="text/javascript" src="/static/ace/components/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script type="text/javascript" src="/static/layer/layer.js"></script>
    <script src="/static/jQuery.md5.js"></script>
    <script type="text/javascript" th:inline="javascript">
        var grid_selector = "#grid-table";
        var pager_selector = "#grid-pager";
    
        var scripts = [null, "/static/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js", "/static/ace/components/jqGrid/js/jquery.jqGrid.js", "/static/ace/components/jqGrid/js/i18n/grid.locale-cn.js", "/static/layer/layer.js", null]
        //
        $('.page-content-area').ace_ajax('loadScripts', scripts, function () {
    
            jQuery(function ($) {
                var parent_column = $(grid_selector).closest('[class*="col-"]');
                //resize to fit page size
                $(window).on('resize.jqGrid', function () {
                    $(grid_selector).jqGrid('setGridWidth', parent_column.width());
                })
    
                //resize on sidebar collapse/expand
                $(document).on('settings.ace.jqGrid', function (ev, event_name, collapsed) {
                    if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
                        //setTimeout is for webkit only to give time for DOM changes and then redraw!!!
                        setTimeout(function () {
                            $(grid_selector).jqGrid('setGridWidth', parent_column.width());
                        }, 20);
                    }
                })
    
                jQuery(grid_selector).jqGrid({
                    //direction: "rtl",
    
                    //subgrid options
                    subGrid: false,
                    url: "/sys/user/getUserInfo",
                    //data: grid_data,
                    datatype: "json",
                    mtype: 'POST',
                    height: 350,
                    colNames: ['ID', '用户姓名', '电话', 'ROLE_KEY', '角色', '区域', '烟草公司ID', '收单行ID', '所属区县','渠道', '客户经理', '工业公司', '状态', '修改时间', '创建时间'],
                    colModel: [
                        {name: 'id', index: 'id', width: 60, editable: true, hidden: true},
                        {
                            name: 'username',
                            index: 'username',
                            width: 90,
                            editable: true,
                            sortable: false,
                            editrules: {required: true}
                        },
                        {
                            name: 'phone',
                            index: 'phone',
                            width: 110,
                            editable: true,
                            sortable: false,
                            editrules: {required: true, custom: true, custom_func: isPhone}
                        },
                        {name: 'roleKey', index: 'roleKey', width: 70, editable: false, sortable: false},
                        {
                            name: 'roleName',
                            index: 'roleName',
                            width: 90,
                            editable: true,
                            sortable: false,
                            edittype: 'select',
                            editoptions: {dataUrl: '/sys/role/getRoleInfoToSelect'},
                            editrules: {required: true}
                        },
                        {
                            name: 'channelName',
                            index: 'channelName',
                            width: 90,
                            editable: true,
                            sortable: false,
                            edittype: 'select',
                            editoptions: {value: " :不选择;毕节:毕节;六盘水:六盘水;安顺:安顺;贵安:贵安;贵阳:贵阳;遵义:遵义;铜仁:铜仁;黔东南:黔东南"}
                        },
                        {name: 'tbcocompId', index: 'tbcocompId', width: 90, editable: true, sortable: false},
                        {name: 'bankCode', index: 'bankCode', width: 130, editable: true, sortable: false},
                        {
                            name: 'quXianName',
                            index: 'quXianName',
                            width: 100,
                            editable: true,
                            sortable: false,
                            //edittype: 'select',
                            // editoptions: {dataUrl: '/checking/getQuXianNameInfoToSelected'}
                        },
                        {
                            name: 'realChannelName',
                            index: 'realChannelName',
                            width: 100,
                            editable: true,
                            sortable: false,
                            //edittype: 'select',
                            // editoptions: {dataUrl: '/checking/getQuXianNameInfoToSelected'}
                        },
                        {
                            name: 'empName',
                            index: 'empName',
                            width: 100,
                            editable: true,
                            sortable: false,
                            //edittype: 'select',
                            //editoptions: {dataUrl: '/checking/getEmpInfoToSelected'}
                        },
                        {name: 'materialCompany', index: 'materialCompany', width: 80, editable: true, sortable: false},
                        {
                            name: 'state',
                            index: 'state',
                            width: 90,
                            editable: true,
                            sortable: false,
                            edittype: 'select',
                            editoptions: {value: "0:有效;1:无效"}
                        },
                        {name: 'gmtModifiedStr', index: 'gmtModifiedStr', width: 150, editable: false},
                        {name: 'gmtCreateStr', index: 'gmtCreateStr', width: 150, editable: false}
    
                    ],
    
                    rownumbers: true, //自动行数
                    sortname: "gmtModifiedStr",
                    sortorder: "desc",
                    viewrecords: true,
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    pager: pager_selector,
                    altRows: true,
                    //toppager: true,
    
                    multiselect: false,
                    //multikey: "ctrlKey",
                    multiboxonly: true,
    
                    loadComplete: function () {
                        var table = this;
                        setTimeout(function () {
                            styleCheckbox(table);
    
                            updateActionIcons(table);
                            updatePagerIcons(table);
                            enableTooltips(table);
                        }, 0);
                    },
    
    //                jsonReader: {
    //                    root:"dataList", page:"currPage", total:"totalpages",          //   很重要 定义了 后台分页参数的名字。
    //                    records:"totalCount", repeatitems:false, id : "id"
    //                },
    
                    editurl: "/sys/user/editUserInfo",//nothing is saved
                    caption: "用户信息",
                    jsonReader: {
                        root: "recordList",
                        page: "currentPage",
                        total: "pageCount",
                        records: "recordCount"
                    }
    
                    //,autowidth: true,
    
    
                    /**
                     ,
                     grouping:true,
                     groupingView : {
                     groupField : ['name'],
                     groupDataSorted : true,
                     plusicon : 'fa fa-chevron-down bigger-110',
                     minusicon : 'fa fa-chevron-up bigger-110'
                },
                     caption: "Grouping"
                     */
    
                });
                $(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size
    
                $("#editShop").click(function () {
                    var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
                    if (!id) {
                        $.jgrid.info_dialog("提示：", "请选择一条信息");
                        return;
                    }
                    $(grid_selector).jqGrid("editGridRow", id, {
                        // edit record form
                        width: 500,
                        closeAfterEdit: true,
                        //editData :
                        recreateForm: true,
                        viewPagerButtons: false,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                                .wrapInner('<div class="widget-header" />');
                            style_edit_form(form);
                        },
                        afterShowForm: function (e) {
                            var form = $(e[0]);
                            //console.log(form)
    
                            $.ajax({
                                url: '/checking/selectQuXianNameToSelected',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#quXianName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                                //selectChannelNameToSelected(suggestion.value)
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectEmpNameToSelected?channelName=',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#empName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                ////console.log('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectChannelNameToSelected?quXianName=',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#realChannelName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectMaterialCompanyToSelected',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#materialCompany').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            })
    
                        },
                        afterSubmit: function (response, postdata) {
                            var result = eval('(' + response.responseText + ')');
                            ////console.log(result);
                            return [result.success, result.message, 0];
                        },
                        errorTextFormat: function (response) {
                            ////console.log("错误"+response.responseText);
                            //var result = response.responseText;
                            return "服务器异常，稍后再试";
                        }
                    });
                });
    
                $("#addCargo").click(function () {
    
                    $(grid_selector).jqGrid("editGridRow", 'new', {
                        //new record form
                        //width: 700,
                        closeAfterAdd: true,
                        recreateForm: true,
                        viewPagerButtons: false,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                                .wrapInner('<div class="widget-header" />')
                            style_edit_form(form);
                        },
                        afterShowForm: function (e) {
                            var form = $(e[0]);
                            //console.log(form)
    
                            $.ajax({
                                url: '/checking/selectQuXianNameToSelected',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#quXianName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                                //selectChannelNameToSelected(suggestion.value)
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectEmpNameToSelected?channelName=',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#empName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                ////console.log('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectChannelNameToSelected?quXianName=',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#realChannelName').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            });
    
                            $.ajax({
                                url: '/checking/selectMaterialCompanyToSelected',
                                success: function (data) {
                                    if (data.success) {
                                        var countries = data.data
                                        $('#materialCompany').autocomplete({
                                            lookup: countries,
                                            onSelect: function (suggestion) {
                                                //alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
                                            },
                                            width: 200,
                                            minChars: 0,
                                        });
                                    }
                                }
                            })
    
                        },
                        afterSubmit: function (response, postdata) {
                            var result = eval('(' + response.responseText + ')');
                            ////console.log(result);
                            return [result.success, result.message, 0];
                        },
                        errorTextFormat: function (response) {
                            ////console.log("错误"+response.responseText);
                            //var result = response.responseText;
                            return "服务器异常，稍后再试";
                        }
                    });
    
                })
    
                $("#initializeUserPassword").click(function () {
                    var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
                    if (!id) {
                        $.jgrid.info_dialog("提示：", "请选择一条用户信息");
                        return;
                    }
                    //询问框
                    layer.confirm('将会把用户密码初始化为用户的手机号码', {
                        btn: ['确定', '取消'] //按钮
                    }, function () {
                        var rowData = $(grid_selector).jqGrid('getRowData', id);
                        /*<![CDATA[*/
                        var url = "/sys/user/initializeUserPassword?phone=" + rowData.phone + "&password=" + $.md5(rowData.phone);
                        /*]]>*/
                        layer.load(1);
                        $.ajax({
                            url: url,
                            // async : false,
                            success: function (data) {
                                layer.closeAll('loading');
                                if (data.success) {
                                    layer.msg('初始化成功', {icon: 1});
    
                                } else {
                                    layer.msg(data.message);
                                }
    
                            },
                            error: function (error) {
                                layer.closeAll('loading');
                                $.jgrid.info_dialog("提示：", "服务器异常，稍后再试");
                            }
    
                        });
    
                    }, function () {
    
                    });
                });
                //enable search/filter toolbar
                //jQuery(grid_selector).jqGrid('filterToolbar',{defaultSearch:true,stringResult:true})
                //jQuery(grid_selector).filterToolbar({});
    
    
                //switch element when editing inline
                function aceSwitch(cellvalue, options, cell) {
                    setTimeout(function () {
                        $(cell).find('input[type=checkbox]')
                            .addClass('ace ace-switch ace-switch-5')
                            .after('<span class="lbl"></span>');
                    }, 0);
                }
    
                //enable datepicker
                function pickDate(cellvalue, options, cell) {
                    setTimeout(function () {
                        $(cell).find('input[type=text]')
                            .datepicker({format: 'yyyy-mm-dd', autoclose: true});
                    }, 0);
                }
    
    
                //navButtons
                jQuery(grid_selector).jqGrid('navGrid', pager_selector,
                    { 	//navbar options
                        edit: false,
                        editicon: 'ace-icon fa fa-pencil blue',
                        add: false,
                        addicon: 'ace-icon fa fa-plus-circle purple',
                        del: false,
                        delicon: 'ace-icon fa fa-trash-o red',
                        search: false,
                        searchicon: 'ace-icon fa fa-search orange',
                        refresh: true,
                        refreshicon: 'ace-icon fa fa-refresh green',
                        view: false,
                        viewicon: 'ace-icon fa fa-search-plus grey',
                    },
                    {
                        //edit record form
                        //closeAfterEdit: true,
                        //width: 700,
                        recreateForm: true,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                            style_edit_form(form);
                        }
                    },
                    {
                        //new record form
                        //width: 700,
                        closeAfterAdd: true,
                        recreateForm: true,
                        viewPagerButtons: false,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                                .wrapInner('<div class="widget-header" />')
                            style_edit_form(form);
                        }
                    },
                    {
                        //delete record form
                        recreateForm: true,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            if (form.data('styled')) return false;
    
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                            style_delete_form(form);
    
                            form.data('styled', true);
                        },
                        onClick: function (e) {
                            //alert(1);
                        }
                    },
                    {
                        //search form
                        recreateForm: true,
                        afterShowSearch: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                            style_search_form(form);
                        },
                        afterRedraw: function () {
                            style_search_filters($(this));
                        }
                        ,
                        multipleSearch: true,
                        /**
                         multipleGroup:true,
                         showQuery: true
                         */
                    },
                    {
                        //view record form
                        recreateForm: true,
                        beforeShowForm: function (e) {
                            var form = $(e[0]);
                            form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                        }
                    }
                )
    
    
                function style_edit_form(form) {
                    //enable datepicker on "sdate" field and switches for "stock" field
                    //form.find('input[name=sdate]').datepicker({format:'yyyy-mm-dd' , autoclose:true})
    
                    //form.find('input[name=stock]').addClass('ace ace-switch ace-switch-5').after('<span class="lbl"></span>');
                    //don't wrap inside a label element, the checkbox value won't be submitted (POST'ed)
                    //.addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');
    
    
                    //update buttons classes
                    var buttons = form.next().find('.EditButton .fm-button');
                    buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();//ui-icon, s-icon
                    buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
                    buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')
    
                    buttons = form.next().find('.navButton a');
                    buttons.find('.ui-icon').hide();
                    buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
                    buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
                }
    
                function style_delete_form(form) {
                    var buttons = form.next().find('.EditButton .fm-button');
                    buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide();//ui-icon, s-icon
                    buttons.eq(0).addClass('btn-danger').prepend('<i class="ace-icon fa fa-trash-o"></i>');
                    buttons.eq(1).addClass('btn-default').prepend('<i class="ace-icon fa fa-times"></i>')
                }
    
                function style_search_filters(form) {
                    form.find('.delete-rule').val('X');
                    form.find('.add-rule').addClass('btn btn-xs btn-primary');
                    form.find('.add-group').addClass('btn btn-xs btn-success');
                    form.find('.delete-group').addClass('btn btn-xs btn-danger');
                }
    
                function style_search_form(form) {
                    var dialog = form.closest('.ui-jqdialog');
                    var buttons = dialog.find('.EditTable')
                    buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
                    buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
                    buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
                }
    
                function beforeDeleteCallback(e) {
                    var form = $(e[0]);
                    if (form.data('styled')) return false;
    
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                    style_delete_form(form);
                    form.data('styled', true);
                }
    
                function beforeEditCallback(e) {
                    var form = $(e[0]);
                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                    style_edit_form(form);
                }
    
    
                //it causes some flicker when reloading or navigating grid
                //it may be possible to have some custom formatter to do this as the grid is being created to prevent this
                //or go back to default browser checkbox styles for the grid
                function styleCheckbox(table) {
                    /**
                     $(table).find('input:checkbox').addClass('ace')
                     .wrap('<label />')
                     .after('<span class="lbl align-top" />')
    
    
                     $('.ui-jqgrid-labels th[id*="_cb"]:first-child')
                     .find('input.cbox[type=checkbox]').addClass('ace')
                     .wrap('<label />').after('<span class="lbl align-top" />');
                     */
                }
    
    
                //unlike navButtons icons, action icons in rows seem to be hard-coded
                //you can change them like this in here if you want
                function updateActionIcons(table) {
                    /**
                     var replacement =
                     {
                         'ui-ace-icon fa fa-pencil' : 'ace-icon fa fa-pencil blue',
                         'ui-ace-icon fa fa-trash-o' : 'ace-icon fa fa-trash-o red',
                         'ui-icon-disk' : 'ace-icon fa fa-check green',
                         'ui-icon-cancel' : 'ace-icon fa fa-times red'
                     };
                     $(table).find('.ui-pg-div span.ui-icon').each(function(){
                    var icon = $(this);
                    var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
                    if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
                })
                     */
                }
    
                //replace icons with FontAwesome icons like above
                function updatePagerIcons(table) {
                    var replacement =
                        {
                            'ui-icon-seek-first': 'ace-icon fa fa-angle-double-left bigger-140',
                            'ui-icon-seek-prev': 'ace-icon fa fa-angle-left bigger-140',
                            'ui-icon-seek-next': 'ace-icon fa fa-angle-right bigger-140',
                            'ui-icon-seek-end': 'ace-icon fa fa-angle-double-right bigger-140'
                        };
                    $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
                        var icon = $(this);
                        var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
    
                        if ($class in replacement) icon.attr('class', 'ui-icon ' + replacement[$class]);
                    })
                }
    
                function enableTooltips(table) {
                    $('.navtable .ui-pg-button').tooltip({container: 'body'});
                    $(table).find('.ui-pg-div').tooltip({container: 'body'});
                }
    
                //var selr = jQuery(grid_selector).jqGrid('getGridParam','selrow');
    
                $(document).one('ajaxloadstart.page', function (e) {
                    $.jgrid.gridDestroy(grid_selector);
                    $('.ui-jqdialog').remove();
                });
            });
        });
    </script>
    <script type="text/javascript">
        /**
         * 搜索店铺
         */
        function searchShop() {
            var userName = $("#userName").val();
            var phone = $("#phone").val();
            //var parentDepartmentkey = $("#id_parentDepartmentkey_name").val();
    
            var filters = {
                "rules": [{
                    "field": "username",
                    "data": userName
                }, {
                    "field": "phone",
                    "data": phone
                }]
            };
            jQuery("#grid-table").jqGrid('setGridParam', {
                postData: {
                    "filters": JSON.stringify(filters) //"{'rules' : [{'field' : 'shopName','data' : "+shopName+"},{'field' : 'state','data' : "+state+"}]}"
                }
            }).trigger("reloadGrid");
        }
    
        function isPhone(phone) {
            var tel = /^1[34578]\d{9}$/;
            return [tel.test(phone), '电话：格式不对']
        }
    </script>

</body>
</html>